<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../css/home.css"/>
		<style type="text/css">
			.mui-table-view:before{height: 0;}
			.mui-table-view-cell:after{height: 0;}
			.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{color: #fc9e11;}
			.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{color: #fc9e11;}
			.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{right: 0;top: 0;}
			.btn_contrast{background-color: #feae32;}
		</style>
		<title>自选基金</title>
	</head>
	<body>
		<header id="header" class="mui-bar mui-bar-nav jjs-header">
			<h2 class="mui-title">自选基金</h2>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left-result"></a>
			<a class="mui-icon mui-icon-bars mui-pull-right header-right"></a>
		</header>
		
		<div class="mui-content cs_padding-15 cs_nobg">
			<ul id="cs_optional_box" class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-red"><img class="del_img" src="../img/del2.png"/></a>
					</div>
					<div class="mui-slider-handle cs_optional_info">
						<div class="cs_optional_title">
							<span class="cs_add_btn cs_has_add">
								已添加对比
							</span>
							<span class="item_title">嘉实稳健混合</span><span class="item_codes">070030</span>
							<p>2017-11-03更新</p>
						</div>
						<div class="flex-box item_price" onclick="location.href='http://baidu.com'">
							<i class="mui-icon mui-icon-arrowright cs_right_arrow"></i>
							<div class="flex-2 circle_point_y">
								最新净值：<span class="t_yellow">1.2754</span>
							</div>
							<div class="flex-3 circle_point_r">
								最新跌涨幅：<span class="t_red">+0.0003</span>
							</div>
						</div>
					</div>
				</li>
				
				<li class="mui-table-view-cell">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-red"><img class="del_img" src="../img/del2.png"/></a>
					</div>
					<div class="mui-slider-handle cs_optional_info">
						<div class="cs_optional_title">
							<span class="cs_add_btn ">
								添加对比
							</span>
							<span class="item_title">嘉实稳健混合</span><span class="item_codes">070030</span>
							<p>2017-11-03更新</p>
						</div>
						<div class="flex-box item_price" onclick="location.href='http://baidu.com'">
							<i class="mui-icon mui-icon-arrowright cs_right_arrow"></i>
							<div class="flex-2 circle_point_y">
								最新净值：<span class="t_yellow">1.2754</span>
							</div>
							<div class="flex-3 circle_point_r">
								最新跌涨幅：<span class="t_red">+0.0003</span>
							</div>
						</div>
					</div>
				</li>
				
				<li class="mui-table-view-cell">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-red"><img class="del_img" src="../img/del2.png"/></a>
					</div>
					<div class="mui-slider-handle cs_optional_info">
						<div class="cs_optional_title">
							<span class="cs_add_btn ">
								添加对比
							</span>
							<span class="item_title">嘉实稳健混合</span><span class="item_codes">070030</span>
							<p>2017-11-03更新</p>
						</div>
						<div class="flex-box item_price" onclick="location.href='http://baidu.com'">
							<i class="mui-icon mui-icon-arrowright cs_right_arrow"></i>
							<div class="flex-2 circle_point_y">
								最新净值：<span class="t_yellow">1.2754</span>
							</div>
							<div class="flex-3 circle_point_r">
								最新跌涨幅：<span class="t_red">+0.0003</span>
							</div>
						</div>
					</div>
				</li>
				
			</ul>	
			
		</div>
		
			<div class="add_btm">
				<i class="mui-icon mui-icon-plus"></i>添加基金
			</div>
		<div class="btn_contrast " id="btn_contrast">
			选择对比
		</div>
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init();
			(function($) {
				$('#cs_optional_box').on('tap', '.mui-btn', function(event) {
					var elem = this;
					var li = elem.parentNode.parentNode;
					mui.confirm('确认删除该条记录？', '删除自选基金', btnArray, function(e) {
						if (e.index == 0) {
							li.parentNode.removeChild(li);
						} else {
							setTimeout(function() {
								$.swipeoutClose(li);
							}, 0);
						}
					});
				});
				var btnArray = ['确认', '取消'];
			})(mui);
			

			$('.cs_add_btn').on('tap',function  () {
				if ($(this).hasClass('cs_has_add')) {
					return false;
				}
				$(this).addClass('cs_has_add');
				//添加到对比操作
				
			})

		</script>
	</body>
</html>
